<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>商品详情-热销看板</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/bootstrap-select.min.css">
    <link rel="stylesheet" href="css/homePage.css">
    <link rel="stylesheet" href="css/activity.css">
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-select.min.js"></script>
    <script src="js/powerbi.js"></script>
    <script src="js/common.js"></script>
    <script src="js/config.js"></script>
    <script src="js/datails3.js"></script>
</head>
<body>
    <div class="homePage details" id="details3">
        <!--顶部导航-->
        <div class="header-top clearfix">
            <div class="logo-font fl">AIPLOT</div>
            <div class="top-nav">
                <ul class="clearfix">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="business.html">生意状况</a></li>
                    <li class="cur"><a href="details.html">商品详情</a></li>
                    <li><a href="activity.html">活动信息</a></li>
                </ul>
            </div>
            <div class="header-top-right clearfix">
                <ul class="top-operation clearfix">
                    <li class="cur">
                        <div class="eye-icon">
                            <span></span>
                        </div>
                    </li>
                    <li>
                        <div class="setUp-icon">
                            <span></span>
                        </div>
                    </li>
                </ul>
                <ul class="clearfix top-tips">
                    <!--<li class="search-md">
                        <input type="text" placeholder="搜索报告和帮助内容">
                        <span><img src="img/search.png" alt=""></span>
                    </li>-->

                    <li class="UserTips">
                        <p>Hello <span>sam</span></p>
                    </li>
                    <li>
                        <div style="width: 40px;height: 40px;background-color: #00baad;display: inline-block"></div>
                    </li>
                </ul>
            </div>
        </div>
        <!--顶部导航-->


        <!--主体内容-->
        <div class="main-body">
            <!--左侧导航-->
            <div class="main-left">
                <div class="main-left-nav">
                    <ul>
                        <li class="liList">
                            <div class="custom yijiNav">
                                <span></span>
                                <p>商品详情</p>
                                <span class="off-on"></span>
                            </div>
                            <ol class="firstOl">
                                <li>
                                    <a href="details.html">
                                        <div >
                                            <p>商品流转</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="details3.html">
                                        <div class="current">
                                            <p>热销看板</p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="details2.html">
                                        <div>
                                            <p>商品效率</p>
                                        </div>
                                    </a>
                                </li>
                            </ol>
                        </li>
                    </ul>
                </div>

                <div class="zhedie" opt="0">
                    <img src="img/zhedie.png" alt="">
                </div>
            </div>
            <!--左侧导航-->


            <!--右侧主体-->
            <div class="main-right">
                <!--右侧条件筛选-->
                <div class="condition-choose">
                    <form action="">
                        <div class="data-btn clearfix" style="margin-top:18px;">
                            <div class="public-select public-select1">
                                <input  class="details1" opt="0" type="text" placeholder="请输入平台" value=""  readonly="readonly">
                                <ul class="det_det">
                                    <!-- <li>ALL</li>
                                    <li>天猫</li>
                                    <li>京东</li> -->
                                </ul>
                                <span class="on-off-select"></span>
                            </div>

                            <div class="public-select public-select1">
                                <input disabled="true" class="details2 border-hui" opt="0" type="text" placeholder="请输入店铺" value=""  readonly="readonly">
                                <ul class="det_det2">
                                    <!-- <li>ALL</li>
                                    <li>天猫</li>
                                    <li>京东</li> -->
                                </ul>
                                <span class="on-off-select"></span>
                            </div>

                            <div class="public-select public-select1">
                                <input  disabled="true" class="details3 border-hui" opt="0" type="text" placeholder="请输入年份" value=""  readonly="readonly">
                                <ul class="det_det3">
                                    <!-- <li>ALL</li>
                                    <li>天猫</li>
                                    <li>京东</li> -->
                                </ul>
                                <span class="on-off-select"></span>
                            </div>
                          
                        </div>
                        <div class="condition-btn">
                            <button type="reset">重置</button>
                            <button disabled="true" class="application">应用</button>
                        </div>
                    </form>
            </div>
                <!--右侧条件筛选-->
                <div class="content-main clearfix">
                    <div class="content-module">
                        <div class="module-title">
                            <span>货品信息流</span>
                        </div>
                        <div class="module-01 details_55">
                                  <div class="main1-con tu1" style='width: 1490px; height: 900px'>
                                        <!--图表插入区域-->
                                        <div class="no-border tu11" id="reportContainer" style='width: 1490px; height: 900px'></div>
                                    </div>
                        </div>
                    </div>
                  
                    <!-- <div class="content-module">
                        <div class="module-title">
                            <span>用户数</span>
                        </div>
                        <div class="module-03">

                        </div>
                    </div> -->
                    <!-- <div class="content-module">
                        <div class="module-title">
                            <span>趋势健康指标</span>
                        </div>
                        <div class="module-04">

                        </div>
                    </div> -->
                    <!-- <div class="content-module">
                        <div class="module-title">
                            <span>指标简报</span>
                        </div>
                        <div class="module-05">

                        </div>
                    </div> -->
                </div>
                <div class="footer">
                    <div class="content-1200">
                        <ul class="clearfix">
                            <li>©2019 Innshine</li>
                            <li><a href="javascript:;">AiPLOT 首页</a></li>
                            <li><a href="javascript:;">服务条款</a></li>
                            <li><a href="javascript:;">隐私权政策</a></li>
                            <li><a href="javascript:;">发送反馈</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--右侧主体-->
        </div>
        <!--主体内容-->
    </div>







    <!--弹框-->
    <div class="layer1">
        <div class="main">
            <a class="close1">×</a>
            <div class="tips">
                <p>提示!</p>
            </div>
            <div class="content">数据错误</div>
        </div>
    </div>
    <!--弹框-->
</body>
</html>




